let compChart = {
    label: "图表",
    icon: "icon-bar",
    children: [
        // {
        //     label: "通用型",
        //     option: {
        //         name: "通用型",
        //         title: "通用型",
        //         icon: "icon-bar",
        //         img: "/img/assets/text5.png",
        //         dataType: 0,
        //         dataMethod: "get",
        //         data: {
        //             xData: ["苹果", "三星", "小米", "oppo", "vivo"],
        //             series: [
        //                 {
        //                     name: "手机品牌",
        //                     data: [1000879, 3400879, 2300879, 5400879, 3400879]
        //                 }
        //             ]
        //         },
        //         echartFormatter:
        //             "(data)=>{\nconsole.log(data);\nreturn {\n            title: {\n\t\t\t\t textStyle: {\n\t\t\t\t\tfontWeight: 'normal',      \n\t\t\t\t\tcolor: '#fff'\n\t\t\t\t},\n                text: 'ECharts 入门示例'\n            },\n            tooltip: {},\n            legend: {\n                data:['销量'],\n\t\t\t\ttextStyle: {\n\t\t\t\t\tfontWeight: 'normal',      \n\t\t\t\t\tcolor: '#fff'\n\t\t\t\t},\n            },\n            xAxis: {\n                data: ['衬衫','羊毛衫','雪纺衫','裤子','高跟鞋','袜子']\n            },\n            yAxis: {},\n            series: [{\n                name: '销量',\n                type: 'bar',\n                data: [5, 20, 36, 10, 10, 20]\n            }]\n        };\n}",
        //         dataFormatter: "",
        //         stylesFormatter: "",
        //         url: "/bar",
        //         time: 0,
        //         component: {
        //             width: 600,
        //             height: 300,
        //             name: "common",
        //             prop: "common"
        //         }
        //     }
        // },
        // {
        //     label: "datav",
        //     option: {
        //         name: "datav",
        //         title: "datav",
        //         icon: "icon-datav",
        //         img: "/img/assets/text6.png",
        //         dataType: 0,
        //         dataMethod: "get",
        //         data: {
        //             value: 66
        //         },
        //         dataFormatter: "",
        //         echartFormatter:
        //             "(data)=>{\n  console.log(data);\n  return {\n    config:{\n\t    data: [66] \n\t  }\n  }\n}",
        //         time: 0,
        //         component: {
        //             width: 150,
        //             height: 200,
        //             name: "datav",
        //             prop: "datav"
        //         },
        //         option: {
        //             is: "dv-water-level-pond"
        //         }
        //     }
        // },
        // {
        //     label: "时间选择器",
        //     option: {
        //         name: "时间选择器",
        //         title: "时间选择器",
        //         icon: "icon-datetime",
        //         img: "/img/assets/datetime.png",
        //         component: {
        //             width: 600,
        //             height: 300,
        //             name: "timeXline",
        //             prop: "datetime"
        //         },
        //         option: {
        //             labelWidth: 110,
        //             submitBtn: false,
        //             cancelBtn: false,
        //             column: [
        //                 {
        //                     label: "时间范围",
        //                     prop: "timerange",
        //                     type: "timerange",
        //                     format: "HH:mm:ss",
        //                     valueFormat: "HH:mm:ss",
        //                     startPlaceholder: "时间开始范围自定义",
        //                     endPlaceholder: "时间结束范围自定义"
        //                 }
        //             ]
        //         }
        //     }
        // },
        {
            label: "线柱图",
            option: {
                name: "线柱图",
                title: "线柱图",
                icon: "icon-bar",
                img: "/img/assets/bar.png",
                dataType: 0,
                dataMethod: "get",
                data: {
                    xData: ["苹果", "三星", "小米", "oppo", "vivo"],
                    series: [
                        {
                            name: "手机品牌1",
                            data: [100, 200, 300, 400, 500]
                        },
                        {
                            name: "手机品牌2",
                            data: [100, 200, 300, 400, 500]
                        }
                    ]
                },
                dataMapConfig: [],
                dataFormatter: "",
                dataHeader: `(data)=>{
    return {}
}`,
                dataQuery: `(data)=>{
    return {}
}`,
                stylesFormatter: "",
                url: "http://192.168.1.199:8000/api/mes-product/workorder/page?current=1&size=10",
                time: 0,
                component: {
                    width: 600,
                    height: 300,
                    name: "lineBar",
                    prop: "lineBar"
                },
                option: {
                    axisLabel: "",
                    gridX: 90,
                    gridY: 56,
                    gridX2: 50,
                    gridY2: 56,
                    smooth: false,
                    areaStyle: false,
                    symbolSize: 4,
                    legend: true,
                    nameColor: "#eee",
                    lineColor: "#eee",
                    xNameFontSize: 14,
                    yNameFontSize: 16,
                    labelShow: true,
                    labelShowColor: "#fff",
                    labelShowFontSize: 14,
                    labelShowFontWeight: 300,
                    yAxisInverse: false,
                    xAxisInverse: false,
                    xAxisShow: true,
                    xAxisRotate: 30,
                    wrapLength: 8,
                    yAxisShow: true,
                    yAxisInterval: 1,
                    drilldown: false,
                    xAxisSplitLineShow: false,
                    yAxisSplitLineShow: false,
                    legendPostion: "center",
                    legendOrient: "horizontal",
                    doubleYAxis: {
                        name: "%",
                        axisLabel: "%",
                        show: false,
                        fontSize: 16,
                        min: 0,
                        max: 100,
                        interval: 10
                    },
                    dataZoom: {
                        show: true,
                        type: false,
                        height: 30,
                        bottom: 0
                    },
                    barWidth: 30,
                    barRadius: 0,
                    barColor: [
                        {
                            color1: "#00a8ff",
                            color2: "",
                            postion: 90,
                            $index: 0,
                            _show: true
                        },
                        {
                            color1: "#fbc531",
                            color2: "",
                            postion: 50,
                            $index: 1,
                            _show: true
                        }
                    ],
                    barMinHeight: 2,
                    seriesColumn: [
                        {
                            seriesName: "手机品牌1",
                            seriesType: "bar",
                            labelLocation: "inside"
                        },
                        {
                            seriesName: "手机品牌2",
                            seriesType: "line",
                            labelLocation: "10,10"
                        }
                    ]
                },
                eventNames: ["点击事件"],
                // 事件配置
                eventConfig: [],
                // 动作配置
                actionConfig: [
                    {
                        actionName: "动作1",
                        fnName: "exposeFn1"
                    },
                    {
                        actionName: "动作2",
                        fnName: "exposeFn2"
                    },
                    {
                        actionName: "动作3",
                        fnName: "exposeFn3"
                    },
                    {
                        actionName: "动作4",
                        fnName: "exposeFn4"
                    }
                ]
            }
        },
        {
            label: "3D圆柱图",
            option: {
                name: "3D圆柱图",
                title: "3D圆柱图",
                icon: "icon-bar",
                img: "/img/assets/circleBar3D.jpg",
                dataType: 0,
                dataMethod: "get",
                data: {
                    categories: [
                        "一月",
                        "二月",
                        "三月",
                        "四月",
                        "五月",
                        "六月"
                    ],
                    data: [
                        {
                            name: "销售",
                            data: [2, 3, 3, 4, 7, 5]
                        }
                    ]
                },
                dataMapConfig: [],
                dataFormatter: "",
                stylesFormatter: "",
                url: "/lineBar",
                time: 0,
                component: {
                    width: 600,
                    height: 300,
                    name: "circleBar3D",
                    prop: "circleBar3D"
                },
                option: {
                    alpha: 15,
                    beta: 15,
                    depth: 50,
                    yAxis: {
                        name: "",
                        color: "#fff",
                        allowDecimals: true
                    },
                    cylinder: true,
                    gridY: 0,
                    gridX2: 0,
                    gridY2: 0,
                    gridX: 0,
                    legend: true,
                    legendPostion: "center",
                    legendOrient: "horizontal",
                    legendFontSize: 14,
                    barColor: [
                        {
                            color1: "#34FFF5",
                            color2: "",
                            postion: 90,
                            $index: 0,
                            _show: true
                        },
                        {
                            color1: "#31E0F2",
                            color2: "",
                            postion: 90,
                            $index: 1,
                            _show: true
                        },
                        {
                            color1: "#2DC0EE",
                            color2: "",
                            postion: 90,
                            $index: 2,
                            _show: true
                        },
                        {
                            color1: "#2AA1EB",
                            color2: "",
                            postion: 90,
                            $index: 3,
                            _show: true
                        },
                        {
                            color1: "#2782E7",
                            color2: "",
                            postion: 90,
                            $index: 4,
                            _show: true
                        },
                        {
                            color1: "#2362E4",
                            color2: "",
                            postion: 90,
                            $index: 5,
                            _show: true
                        }
                    ]
                },
                eventNames: [],
                // 事件配置
                eventConfig: []
            }
        },
        {
            label: "下钻柱图",
            option: {
                name: "下钻柱图",
                title: "下钻柱图",
                icon: "icon-bar",
                img: "/img/assets/bar.png",
                dataType: 0,
                dataMethod: "get",
                time: 0,
                url: "/pie",
                data: {
                    firstName: "浏览器品牌",
                    firstData: [
                        {
                            name: "Microsoft",
                            y: 56.33
                        },
                        {
                            name: "Chrome",
                            y: 24.03
                        }
                    ],
                    drilldownData: [
                        {
                            name: "Microsoft",
                            data: [
                                {
                                    name: "M-1",
                                    value: 12
                                },
                                {
                                    name: "M-2",
                                    value: 22
                                }
                            ]
                        },
                        {
                            name: "Chrome",
                            data: [
                                {
                                    name: "C-1",
                                    value: 12
                                },
                                {
                                    name: "C-2",
                                    value: 52
                                },
                                {
                                    name: "C-3",
                                    value: 42
                                },
                                {
                                    name: "C-4",
                                    value: 92
                                }
                            ]
                        }
                    ]
                },
                dataMapConfig: [],
                dataFormatter: "",
                stylesFormatter: "",
                resize: false,
                component: {
                    width: 600,
                    height: 300,
                    name: "drilldownBar",
                    prop: "drilldownBar"
                },
                option: {
                    tipColor: "#fff",
                    tipFontSize: 14,
                    yAxis: {
                        name: ""
                    },
                    legend: true,
                    legendPostion: "center",
                    legendOrient: "horizontal",
                    legendFontSize: 14,
                    barColor: [
                        {
                            color1: "#34FFF5",
                            color2: "",
                            postion: 90,
                            $index: 0,
                            _show: true
                        },
                        {
                            color1: "#31E0F2",
                            color2: "",
                            postion: 90,
                            $index: 1,
                            _show: true
                        },
                        {
                            color1: "#2DC0EE",
                            color2: "",
                            postion: 90,
                            $index: 2,
                            _show: true
                        },
                        {
                            color1: "#2AA1EB",
                            color2: "",
                            postion: 90,
                            $index: 3,
                            _show: true
                        },
                        {
                            color1: "#2782E7",
                            color2: "",
                            postion: 90,
                            $index: 4,
                            _show: true
                        },
                        {
                            color1: "#2362E4",
                            color2: "",
                            postion: 90,
                            $index: 5,
                            _show: true
                        }
                    ]
                }
            }
        },
        {
            label: "饼图",
            option: {
                name: "饼图",
                title: "饼图",
                icon: "icon-pie",
                img: "/img/assets/pie.jpg",
                dataType: 0,
                dataMethod: "get",
                time: 0,
                url: "/pie",
                data: [
                    {
                        name: "苹果",
                        value: 1000879,
                        url: "http://www.baidu.com"
                    },
                    {
                        name: "三星",
                        value: 3400879,
                        url: "http://www.baidu.com"
                    },
                    {
                        name: "小米",
                        value: 2300879,
                        url: "http://www.baidu.com"
                    },
                    {
                        name: "oppo",
                        value: 5400879,
                        url: "http://www.baidu.com"
                    },
                    {
                        name: "大疆",
                        value: 3000,
                        url: "http://www.baidu.com"
                    },
                    {
                        name: "抖音",
                        value: 2000,
                        url: "http://www.baidu.com"
                    }
                ],
                dataMapConfig: [],
                dataFormatter: "",
                stylesFormatter: "",
                resize: false,
                component: {
                    width: 600,
                    height: 300,
                    name: "pie",
                    prop: "pie"
                },
                option: {
                    legend: true,
                    labelShow: true,
                    labelPosition: "inside",
                    labelShowColor: "#fff",
                    labelShowFontSize: 14,
                    labelShowFontWeight: 300,
                    labelLineLength: 20,
                    centerX: 50,
                    centerY: 60,
                    innerRadius: 30,
                    outerRadius: 40,
                    barColor: [
                        {
                            color1: "#00a8ff"
                        },
                        {
                            color1: "#fbc531"
                        },
                        {
                            color1: "#4cd137"
                        },
                        {
                            color1: "#e84118"
                        },
                        {
                            color1: "#7f8fa6"
                        },
                        {
                            color1: "#9c88ff"
                        }
                    ]
                }
            }
        },
        {
            label: "3D饼图",
            option: {
                name: "3D饼图",
                title: "3D饼图",
                icon: "icon-pie",
                img: "/img/assets/pie3D.jpg",
                dataType: 0,
                dataMethod: "get",
                time: 0,
                url: "/pie",
                data: {
                    name: "货物金额",
                    data: [
                        ["香蕉", 8],
                        ["猕猴桃", 3],
                        ["桃子", 1],
                        ["橘子", 6],
                        ["苹果", 8]
                    ]
                },
                dataMapConfig: [],
                dataFormatter: "",
                stylesFormatter: "",
                resize: false,
                component: {
                    width: 600,
                    height: 300,
                    name: "pie3D",
                    prop: "pie3D"
                },
                option: {
                    depth: 90,
                    alpha: 60,
                    beta: 0,
                    gridY: 0,
                    gridX2: 0,
                    gridY2: 0,
                    gridX: 0,
                    legend: true,
                    legendPostion: "center",
                    legendOrient: "horizontal",
                    legendFontSize: 14,
                    outerRadius: 100,
                    innerRadius: 60,
                    barColor: [
                        {
                            color1: "#34FFF5",
                            color2: "",
                            postion: 90,
                            $index: 0,
                            _show: true
                        },
                        {
                            color1: "#31E0F2",
                            color2: "",
                            postion: 90,
                            $index: 1,
                            _show: true
                        },
                        {
                            color1: "#2DC0EE",
                            color2: "",
                            postion: 90,
                            $index: 2,
                            _show: true
                        },
                        {
                            color1: "#2AA1EB",
                            color2: "",
                            postion: 90,
                            $index: 3,
                            _show: true
                        },
                        {
                            color1: "#2782E7",
                            color2: "",
                            postion: 90,
                            $index: 4,
                            _show: true
                        },
                        {
                            color1: "#2362E4",
                            color2: "",
                            postion: 90,
                            $index: 5,
                            _show: true
                        }
                    ],
                    dataLabels: {
                        color: "#fff",
                        fontSize: 14,
                        fontWeight: "bold",
                        enabled: true,
                        softConnector: true,
                        connectorColor: "#fff",
                        distance: 20,
                        connectorPadding: 0
                    }
                }
            }
        },
        {
            label: "象形图",
            option: {
                title: "象形图",
                name: "象形图",
                icon: "icon-pictorialBar",
                img: "/img/assets/bar2.png",
                dataType: 0,
                dataMethod: "get",
                time: 0,
                url: "/pie",
                data: [
                    {
                        name: "苹果",
                        value: 1000879
                    },
                    {
                        name: "三星",
                        value: 3400879
                    },
                    {
                        name: "小米",
                        value: 2300879
                    },
                    {
                        name: "oppo",
                        value: 5400879
                    },
                    {
                        name: "大疆",
                        value: 3000
                    },
                    {
                        name: "抖音",
                        value: 2000
                    }
                ],
                dataFormatter: "",
                dataMapConfig: [],
                stylesFormatter: "",
                component: {
                    width: 600,
                    height: 300,
                    name: "pictorialbar",
                    prop: "pictorialbar"
                },
                option: {
                    symbolSize: 30,
                    split: 30,
                    symbol: "/img/source/source256.png",
                    fontSize: "24",
                    xAxisShow: false,
                    yAxisShow: true,
                    color: "#4dffff",
                    nameColor: "#564AA3",
                    xNameFontSize: "24",
                    yNameFontSize: "24",
                    dataZoom: { show: true, type: false, height: 30, bottom: 0 }
                }
            }
        },
        {
            label: "雷达图",
            option: {
                title: "雷达图",
                name: "雷达图",
                icon: "icon-radar",
                img: "/img/assets/radar.png",
                dataType: 0,
                dataMethod: "get",
                time: 0,
                url: "/radar",
                data: {
                    indicator: [
                        {
                            name: "销售",
                            max: 6500
                        },
                        {
                            name: "管理",
                            max: 16000
                        },
                        {
                            name: "信息技术",
                            max: 30000
                        },
                        {
                            name: "客服",
                            max: 38000
                        },
                        {
                            name: "研发",
                            max: 52000
                        },
                        {
                            name: "市场",
                            max: 25000
                        }
                    ],
                    series: [
                        {
                            data: [
                                {
                                    value: [
                                        4300, 10000, 28000, 35000, 50000, 19000
                                    ],
                                    name: "预算分配（Allocated Budget）"
                                },
                                {
                                    value: [
                                        5000, 14000, 28000, 31000, 42000, 21000
                                    ],
                                    name: "实际开销（Actual Spending）"
                                }
                            ]
                        }
                    ]
                },
                dataFormatter: "",
                dataMapConfig: [],
                stylesFormatter: "",
                component: {
                    width: 970,
                    height: 400,
                    name: "radar",
                    prop: "radar"
                },
                option: {
                    width: "100%",
                    height: 600,
                    titleShow: true,
                    title: "各部门开销",
                    subtext: "最近一个月",
                    titleColor: "#666",
                    tipBackgroundColor: "rgba(50,50,50,0.7)",
                    tipColor: "#fff",
                    shape: "polygon",
                    radius: "75%",
                    splitNumber: 4,
                    radarNameColor: "#fff",
                    radarNameSize: 18,
                    titleFontSize: 18,
                    areaOpacity: 0.3,
                    legend: true,
                    // labelShow: true,
                    barColor: [
                        {
                            color1: "#564AA3"
                        },
                        {
                            color1: "#188df0"
                        }
                    ]
                }
            }
        },
        {
            label: "散点图",
            option: {
                title: "散点图",
                name: "散点图",
                icon: "icon-scatter",
                img: "/img/assets/scatter.png",
                dataType: 0,
                dataMethod: "get",
                time: 0,
                url: "/scatter",
                data: [
                    {
                        data: [
                            [1, 8.04],
                            [2, 6.95]
                        ]
                    },
                    {
                        data: [
                            [1, 4.04],
                            [2, 3.95]
                        ]
                    }
                ],
                dataFormatter: "",
                dataMapConfig: [],
                stylesFormatter: "",
                component: {
                    width: 600,
                    height: 300,
                    name: "scatter",
                    prop: "scatter"
                },
                option: {
                    lineSize: 25,
                    barColor: [
                        {
                            postion: 0.2,
                            color1: "#91c7ae"
                        },
                        {
                            postion: 0.8,
                            color1: "#63869e"
                        },
                        {
                            postion: 1,
                            color1: "#c23531"
                        }
                    ]
                }
            }
        },
        {
            label: "漏斗图",
            option: {
                title: "漏斗图",
                name: "漏斗图",
                icon: "icon-funnel",
                img: "/img/assets/funnel.png",
                dataType: 0,
                dataMethod: "get",
                time: 0,
                url: "/funnel",
                data: [
                    {
                        value: 335,
                        name: "直接访问"
                    },
                    {
                        value: 310,
                        name: "邮件营销"
                    },
                    {
                        value: 234,
                        name: "联盟广告"
                    }
                ],
                dataFormatter: "",
                dataMapConfig: [],
                stylesFormatter: "",
                component: {
                    width: 400,
                    height: 300,
                    name: "funnel",
                    prop: "funnel"
                },
                option: {
                    radius: true,
                    barColor: [
                        {
                            color1: "#83bff6"
                        },
                        {
                            color1: "#23B7E5"
                        },
                        {
                            color1: "rgba(154, 168, 212, 1)"
                        },
                        {
                            color1: "#188df0"
                        },
                        {
                            color1: "#564AA3"
                        }
                    ]
                }
            }
        },
        {
            label: "地图",
            option: {
                name: "地图",
                title: "地图",
                icon: "icon-map",
                img: "/img/assets/map.png",
                dataType: 0,
                data: [
                    {
                        name: "测试坐标1",
                        value: 1,
                        lng: 118,
                        lat: 36,
                        zoom: 1
                    },
                    {
                        name: "测试坐标2",
                        value: 1,
                        lng: 112,
                        lat: 37,
                        zoom: 1
                    }
                ],
                formatter:
                    "function(name,data){\n    console.log(name,data)\n    return '名称:'+name.data.name+name.data.value\n}",
                dataFormatter: "",
                dataMapConfig: [],
                stylesFormatter: "",
                component: {
                    width: 800,
                    height: 607,
                    name: "map",
                    prop: "map"
                },
                option: {
                    tipBackgroundColor: "rgba(13, 255, 255, .5)",
                    tipColor: "rgba(217, 38, 10, 1)",
                    tipFontSize: "30",
                    borderWidth: 1,
                    scale: 87,
                    type: 0,
                    borderColor: "#0dffff",
                    areaColor: "rgba(6, 29, 51, 0.59)",
                    banner: true,
                    bannerTime: 3000,
                    fontSize: 14,
                    zoom: 0.5,
                    empAreaColor: "rgba(35, 183, 229, 0.42)",
                    empColor: "rgba(217, 38, 10, 1)",
                    index: "894edc1d-d2f0-4616-962c-8e61083ada71",
                    mapData:
                        "https://data.bladex.vip/blade-visual/map/data?id=1235103352843448322",
                    color: "rgba(13, 255, 255, 1)"
                }
            }
        },
        {
            label: "矩形图",
            option: {
                name: "矩形图",
                title: "矩形图",
                icon: "icon-juxing",
                img: "/img/assets/rectangle.png",
                data: [
                    {
                        name: "分类 1",
                        value: 560
                    },
                    {
                        name: "分类 2",
                        value: 500
                    },
                    {
                        name: "分类 3",
                        value: 150
                    },
                    {
                        name: "分类 4",
                        value: 140
                    },
                    {
                        name: "分类 5",
                        value: 115
                    },
                    {
                        name: "分类 6",
                        value: 95
                    },
                    {
                        name: "分类 7",
                        value: 90
                    },
                    {
                        name: "分类 8",
                        value: 75
                    },
                    {
                        name: "分类 9",
                        value: 98
                    },
                    {
                        name: "分类 10",
                        value: 60
                    },
                    {
                        name: "分类 11",
                        value: 45
                    },
                    {
                        name: "分类 12",
                        value: 40
                    },
                    {
                        name: "分类 13",
                        value: 40
                    },
                    {
                        name: "分类 14",
                        value: 35
                    },
                    {
                        name: "分类 15",
                        value: 40
                    },
                    {
                        name: "分类 16",
                        value: 40
                    },
                    {
                        name: "分类 17",
                        value: 40
                    },
                    {
                        name: "分类 18",
                        value: 30
                    },
                    {
                        name: "分类 19",
                        value: 28
                    },
                    {
                        name: "分类 20",
                        value: 16
                    }
                ],
                dataMapConfig: [],
                dataType: 0,
                echartFormatter: "",
                component: {
                    width: 754,
                    height: 377,
                    name: "rectangle",
                    prop: "rectangle"
                },
                option: {
                    fontSize: 14,
                    color: "#fff",
                    tipFontSize: 40,
                    tipColor: "#fff"
                }
            }
        }
        // {
        //     label: "定时器",
        //     option: {
        //         name: "定时器",
        //         title: "定时器",
        //         icon: "icon-datetime",
        //         img: "/img/assets/time.png",
        //         echartFormatter: "",
        //         component: {
        //             width: 100,
        //             height: 100,
        //             name: "time",
        //             prop: "time"
        //         },
        //         option: {
        //             time: 0
        //         }
        //     }
        // }
    ]
};
